﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>后台管理系统-保理软件</title>
    <meta name="keywords"  content="保理软件,保理产品" />
    <meta name="description" content="设置描述..." />
    <meta name="author" content="DeathGhost" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <!--产品logo-->
    <link rel="icon" href="../../images/icon/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <!--jQuery v3.2.1-->
    <script src="../../javascript/jquery.js"></script>
    <!--滚动插件-->
    <script src="../../javascript/plug-ins/customScrollbar.min.js"></script>
    <!--统计插件-->
    <script src="../../javascript/plug-ins/echarts.min.js"></script>
    <!--弹框插件-->
    <script src="../../javascript/plug-ins/layerUi/layer.js"></script>
    <!--HTML编辑器插件-->
    <script src="../../editor/ueditor.config.js"></script>
    <!--HTML编辑器插件-->
    <script src="../../editor/ueditor.all.js"></script>
    <!--分页插件-->
    <script src="../../javascript/plug-ins/pagination.js"></script>
    <!--整个模板样式控制文件-->
    <script src="../../javascript/public.js"></script>
    <style>

        .form-group-col-2 .form-label{
            padding: 3px 0px!important;
            font-size: 12px !important;
            width: 115px;
            font-weight: bolder;
        }
        .form-group-col-2 .form-cont {
            margin-left: 125px;
            min-height: 33px;
        }
        .form-control{
            font-size: 12px!important;
            padding: 4px 15px!important;
        }
        #file{
            position: absolute;
            top: 0;
            right: 80px;
            z-index: 999;
            opacity: 0;
            width: 100px;
            height: 25px;
        }
    </style>
</head>
<body>

        <!--软件主体内容-->
        <main class="content mCustomScrollbar">
            <!--开始::内容-->
            <div class="page-wrap">
                <!--面包屑-->
                <section class="page-hd page-hd-top">
                    <div class="breadcrumb">
                        <ul>
                            <li><a href="#">权限管理</a><i class="icon-angle-right"></i></li>
                            <li>用户管理</li>
                        </ul>
                    </div>
                </section>
                <div class="clear mb-10">
                	<button class="btn btn-secondary radius fr ml-15" style="padding: 4px 15px!important;font-size: 12px!important;" onclick="newCustomer('新增')">新增</button>
                    <div class="fr input-group">
                        <label class="mr-5 size-s">
                            人员名称：
                            <input type="text" class="form-control" placeholder="搜索..." style="width:290px;">
                        </label>
                        <label class="size-s">
                            登录账号：
                            <input type="text" class="form-control" placeholder="搜索..." style="width:290px;">
                        </label>
                        <button class="btn btn-secondary radius" style="padding: 4px 15px!important;font-size: 12px!important;">查询</button>
                    </div>
                </div>
                <!--列表-->
                <table class="table mb-15 table-hover">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>登录账号</th>
                        <th>角色</th>
                        <th>人员姓名</th>
                        <th>账号状态</th>
                        <th>性别</th>
                        <th>备注</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="cen">
                        <td>1</td>
                        <td>admin</td>
                        <td>系统管理员</td>
                        <td>系统管理员</td>
                        <td>可用</td>
                        <td>男</td>
                        <td></td>
                        <td>
                            <a title="详情" class="mr-5">详情</a>
                            <a title="修改" class="mr-5">修改</a>
                            <a title="删除" onclick="deleteCustomer(this)">删除</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>admin</td>
                        <td>系统管理员</td>
                        <td>系统管理员</td>
                        <td>可用</td>
                        <td>男</td>
                        <td></td>
                        <td>
                            <a title="详情" class="mr-5">详情</a>
                            <a title="修改" class="mr-5">修改</a>
                            <a title="删除" onclick="deleteCustomer(this)">删除</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>admin</td>
                        <td>系统管理员</td>
                        <td>系统管理员</td>
                        <td>可用</td>
                        <td>男</td>
                        <td></td>
                        <td>
                            <a title="详情" class="mr-5">详情</a>
                            <a title="修改" class="mr-5">修改</a>
                            <a title="删除" onclick="deleteCustomer(this)">删除</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>admin</td>
                        <td>系统管理员</td>
                        <td>系统管理员</td>
                        <td>可用</td>
                        <td>男</td>
                        <td></td>
                        <td>
                            <a title="详情" class="mr-5">详情</a>
                            <a title="修改" class="mr-5">修改</a>
                            <a title="删除" onclick="deleteCustomer(this)">删除</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>admin</td>
                        <td>系统管理员</td>
                        <td>系统管理员</td>
                        <td>可用</td>
                        <td>男</td>
                        <td></td>
                        <td>
                            <a title="详情" class="mr-5">详情</a>
                            <a title="修改" class="mr-5">修改</a>
                            <a title="删除" onclick="deleteCustomer(this)">删除</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>admin</td>
                        <td>系统管理员</td>
                        <td>系统管理员</td>
                        <td>可用</td>
                        <td>男</td>
                        <td></td>
                        <td>
                            <a title="详情" class="mr-5">详情</a>
                            <a title="修改" class="mr-5">修改</a>
                            <a title="删除" onclick="deleteCustomer(this)">删除</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>admin</td>
                        <td>系统管理员</td>
                        <td>系统管理员</td>
                        <td>可用</td>
                        <td>男</td>
                        <td></td>
                        <td>
                            <a title="详情" class="mr-5">详情</a>
                            <a title="修改" class="mr-5">修改</a>
                            <a title="删除" onclick="deleteCustomer(this)">删除</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>admin</td>
                        <td>系统管理员</td>
                        <td>系统管理员</td>
                        <td>可用</td>
                        <td>男</td>
                        <td></td>
                        <td>
                            <a title="详情" class="mr-5">详情</a>
                            <a title="修改" class="mr-5">修改</a>
                            <a title="删除" onclick="deleteCustomer(this)">删除</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>admin</td>
                        <td>系统管理员</td>
                        <td>系统管理员</td>
                        <td>可用</td>
                        <td>男</td>
                        <td></td>
                        <td>
                            <a title="详情" class="mr-5">详情</a>
                            <a title="修改" class="mr-5">修改</a>
                            <a title="删除" onclick="deleteCustomer(this)">删除</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>1</td>
                        <td>admin</td>
                        <td>系统管理员</td>
                        <td>系统管理员</td>
                        <td>可用</td>
                        <td>男</td>
                        <td></td>
                        <td>
                            <a title="详情" class="mr-5">详情</a>
                            <a title="修改" class="mr-5">修改</a>
                            <a title="删除" onclick="deleteCustomer(this)">删除</a>
                        </td>
                    </tr>
                    <!--没用数据-->
                    <tr class="cen Nulldata">
                        <td colspan="8">
                            <div class="emptytextCont">
                                <img src="../../images/nores.png" class="mCS_img_loaded">
                                <div class="cen pt-20 f16 fontW">暂无任何代办事项</div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>



                <!--分页-->
                <div class="panel panel-default">
                    <div class="panel-bd">
                        <div class="pagination"><span class="disabled">上一页</span><span class="current">1</span><a href="javascript:;" class="tcdNumber">2</a><a href="javascript:;" class="tcdNumber">3</a><a href="javascript:;" class="tcdNumber">4</a><a href="javascript:;" class="tcdNumber">5</a><a href="javascript:;" class="nextPage">下一页</a></div>
                    </div>
                </div>
            </div>
            <!--开始::结束-->
        </main>
<div id="newCustomer">
    <div class="page-wrap">
        <div class="form-group-col-2">
            <div class="form-label">登录账号：</div>
            <div class="form-cont">
                <input type="text" placeholder="登录账号" class="form-control form-boxed" style="width: 360px">
            </div>
        </div>
        <div class="form-group-col-2">
            <div class="form-label">登录密码：</div>
            <div class="form-cont">
                <input type="text" placeholder="登录密码" class="form-control form-boxed" style="width: 360px">
            </div>
        </div>
        <div class="form-group-col-2  mt-20">
            <div class="form-label">角色：</div>
            <div class="form-cont">
                <select style="width:auto;" class="form-control">
                    <option>系统管理员</option>
                    <option>市场专员</option>
                    <option>财务专员C</option>
                </select>
            </div>
        </div>
				<div class="form-group-col-2">
            <div class="form-label">人员姓名：</div>
            <div class="form-cont">
                <input type="text" placeholder="人员姓名" class="form-control form-boxed" style="width: 360px">
            </div>
        </div>
        <div class="form-group-col-2">
            <div class="form-label">账号状态：</div>
            <div class="form-cont">
                <input type="text" placeholder="账号状态" class="form-control form-boxed" style="width: 360px">
            </div>
        </div>
        <div class="form-group-col-2">
            <div class="form-label">办公电话：</div>
            <div class="form-cont">
                <input type="text" placeholder="办公电话" class="form-control form-boxed" style="width: 360px">
            </div>
        </div>
        <div class="form-group-col-2">
            <div class="form-label">移动电话：</div>
            <div class="form-cont">
                <input type="text" placeholder="移动电话" class="form-control form-boxed" style="width: 360px">
            </div>
        </div>
        <div class="form-group-col-2">
            <div class="form-label">电子邮箱：</div>
            <div class="form-cont">
                <input type="text" placeholder="电子邮箱" class="form-control form-boxed" style="width: 360px">
            </div>
        </div>
        <div class="form-group-col-2">
            <div class="form-label">性别：</div>
            <div class="form-cont">
                <input type="text" placeholder="性别" class="form-control form-boxed" style="width: 360px">
            </div>
        </div>
        <div class="form-group-col-2">
            <div class="form-label">备注：</div>
            <div class="form-cont">
                <input type="text" placeholder="备注" class="form-control form-boxed" style="width: 360px">
            </div>
        </div>
        <div style="clear: both;width: 25%;margin: 10px auto 15px;">
            <button class="btn btn-primary-outline btn-block">保存</button>
        </div>
    </div>
</div>
<script>
    /*
     删除
     * */
    function deleteCustomer(obj){
        layer.confirm('您确定删除该账款吗？', {
            btn: ['确定','取消']
        }, function(){
            layer.msg('<span><span class="icon-spin icon-spinner"></span>删除中 . . . .</span>');
        });
    }
    /*
     新增
     */
    function newCustomer(text){
        var viveW = $(window).width()/2;
        var viveH = $(window).height()-60;
        layer.open({
            type: 1,
            skin: 'layui-layer-demo',
            title:text,
            closeBtn: 2,
            area: [viveW+'px', '450px'],
            shade: [0.1, '#fff'],
            shadeClose: true, //开启遮罩关闭
            scrollbar: false,//屏蔽浏览器出现滚动条
            content: $('#newCustomer')
        });
    }
    /*
     导入
     */
    function inputCustomer(){
        var viveW = $(window).width()/2;
        var viveH = $(window).height()-60;
        layer.open({
            type: 1,
            skin: 'layui-layer-demo',
            title:'导入应收账款',
            closeBtn: 2,
            area: ['600px', '200px'],
            shade: [0.1, '#fff'],
            shadeClose: true, //开启遮罩关闭
            scrollbar: false,//屏蔽浏览器出现滚动条
            content: $('#inputCustomer')
        });
    }
    /*
     分页
     * */
    $(".pagination").createPage({
        pageCount:5,
        current:1,
        backFn:function(p){
            console.log(p);
        }
    });

</script>
</body>
</html>
